<!DOCTYPE html>
<html lang="zh-CN" dir="ltr">
  <head>
    <meta charset="utf-8">
    
    <title>FEI-UI-DESIGN</title>
    
    <meta name="generator" content="VitePress v1.0.0-rc.35">
    <link rel="preload stylesheet" href="/fei-ui-design/assets/style.UepqEusw.css" as="style">
    
    <script type="module" src="/fei-ui-design/assets/app.CtN_OfgH.js"></script>
    <link rel="preload" href="/fei-ui-design/assets/inter-roman-latin.bvIUbFQP.woff2" as="font" type="font/woff2" crossorigin="">
    <link rel="modulepreload" href="/fei-ui-design/assets/chunks/framework.hV4g2dZ1.js">
    <link rel="modulepreload" href="/fei-ui-design/assets/chunks/theme.XkHReBMm.js">
    <link rel="modulepreload" href="/fei-ui-design/assets/index.md.soxSuBHK.lean.js">
    <link rel="icon" href="/fei-ui-design/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, maximum-scale=1, shrink-to-fit=no">
    <meta name="author" content="ymf">
    <meta name="google" content="nositelinkssearchbox">
    <meta hid="description" name="description" content="FEI-UI-DESIGN Framework Components for Vuejs">
    <meta property="og:description" content="FEI-UI-DESIGN Framework Components for Vuejs">
    <meta property="og:title" content="FEI-UI-DESIGN - Framework for Vuejs">
    <meta name="twitter:card" content="summary_large_image">
    <script id="check-dark-mode">(()=>{const e=localStorage.getItem("vitepress-theme-appearance")||"auto",a=window.matchMedia("(prefers-color-scheme: dark)").matches;(!e||e==="auto"?a:e==="dark")&&document.documentElement.classList.add("dark")})();</script>
    <script id="check-mac-os">document.documentElement.classList.toggle("mac",/Mac|iPhone|iPod|iPad/i.test(navigator.platform));</script>
  </head>
  <body>
    <div id="app"><div id="app" class="theme-container no-sidebar" data-v-818e4420><!----><div class="sidebar-mask" data-v-818e4420></div><main class="home" aria-labelledby="main-title" data-v-818e4420><div class="init"><header class="hero"><div class="points-init"><!--[--><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><span></span><!--]--></div><div class="circle-init"></div><div class="content-hero"><h1 id="main-title"><b>FEI-UI-DESIGN</b> Framework <br> Components for <a target="_blank" href="https://vuejs.org/" >Vuejs</a></h1><p class="description">我们热爱我们的工作，让我们帮助你做<b>你喜欢</b>的事。</p><div class="con-btns"><a class="nav-link action-button" href="/fei-ui-design/guide/introduction.html" title="Get Started">快速开始 <i class="bx bx-chevron-down"></i></a><a title="Gitee" class="gitee" target="_blank" href="https://gitee.com/ymf930/fei-ui-design"><img class="gitee-icon not-darken" src="/fei-ui-design/home/gitee-fill.png" alt=""><img class="gitee-icon has-darken" src="/fei-ui-design/home/gitee.png" alt=""> Gitee </a><a title="Github" class="github" target="_blank" href="https://github.com/ymf-930/fei-ui-design"><i class="bx bxl-github"></i></a></div></div></header><div class="con-components" data-v-ac36e184><div class="con-logo vuesax-logo" data-v-ac36e184><img class="not-darken" src="/fei-ui-design/logos/f-ui-logo.png" alt="" data-v-ac36e184><img class="has-darken" src="/fei-ui-design/logos/f-ui-logo-white.png" alt="" data-v-ac36e184><div class="github-logo__1" data-v-ac36e184></div><div class="github-logo__2" data-v-ac36e184></div><div class="github-logo__3" data-v-ac36e184></div></div><div class="con-logo gitee-logo" data-v-ac36e184><img class="not-darken" src="/fei-ui-design/home/gitee-fill.png" alt="" data-v-ac36e184><img class="has-darken" src="/fei-ui-design/home/gitee.png" alt="" data-v-ac36e184><div class="github-logo__1" data-v-ac36e184></div><div class="github-logo__2" data-v-ac36e184></div><div class="github-logo__3" data-v-ac36e184></div></div><div class="con-logo github-logo" data-v-ac36e184><i class="bx bxl-github" data-v-ac36e184></i><div class="github-logo__1" data-v-ac36e184></div><div class="github-logo__2" data-v-ac36e184></div><div class="github-logo__3" data-v-ac36e184></div></div><div class="content-components" data-v-ac36e184><div class="component1" data-v-ac36e184><div class="avatar" data-v-ac36e184><img class="not-darken" src="/fei-ui-design/home/foto1.png" alt="" data-v-ac36e184><img class="back not-darken" src="/fei-ui-design/home/foto1.png" alt="" data-v-ac36e184><img class="has-darken" src="/fei-ui-design/home/foto12.png" alt="" data-v-ac36e184><img class="back has-darken" src="/fei-ui-design/home/foto12.png" alt="" data-v-ac36e184><span class="badge" data-v-ac36e184>8</span></div><div class="con-text" data-v-ac36e184><h4 data-v-ac36e184>Segoe cute</h4><p data-v-ac36e184>Do you want to participate in our initiative? We are open.</p><footer data-v-ac36e184><button class="vs-button vs-button--null vs-button--size-null vs-button--danger vs-button--default" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184>Open</div></button><button class="vs-button vs-button--null vs-button--size-null vs-button--dark vs-button--shadow" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184>cancel</div></button></footer></div></div><div class="component2" data-v-ac36e184><img class="not-darken" src="/fei-ui-design/logos/f-ui-logo.png" alt="" data-v-ac36e184><img class="has-darken" src="/fei-ui-design/logos/f-ui-logo-white.png" alt="" data-v-ac36e184></div><div class="component3" data-v-ac36e184><div class="con-switch" data-v-ac36e184><span class="circle" data-v-ac36e184></span><p data-v-ac36e184>off</p></div><div class="active con-switch" data-v-ac36e184><span class="circle" data-v-ac36e184></span><p data-v-ac36e184>on</p></div></div><div class="component4" data-v-ac36e184><img class="not-darken" src="/fei-ui-design/home/foto3.png" alt="" data-v-ac36e184><img class="has-darken" src="/fei-ui-design/home/foto10.png" alt="" data-v-ac36e184><h4 data-v-ac36e184><span class="not-darken" data-v-ac36e184>Potted cactus</span><span class="has-darken" data-v-ac36e184>Red Shoes</span></h4><button class="vs-button vs-button--null vs-button--size-null vs-button--block vs-button--primary vs-button--default" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184>Button</div></button></div><div class="component5" data-v-ac36e184><i class="bx bxs-star" data-v-ac36e184></i><div class="con-img" data-v-ac36e184><img src="/fei-ui-design/home/vue-logo.png" alt="" data-v-ac36e184></div><h4 data-v-ac36e184>Vuejs Components</h4><p data-v-ac36e184>Framework components for VueJS. Create instances quickly with a few lines of code.</p></div><div class="component6" data-v-ac36e184><button class="vs-button vs-button--null vs-button--size-null vs-button--icon vs-button--dark vs-button--transparent" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184><i class="bx bx-dots-vertical-rounded" data-v-ac36e184></i></div></button><div class="con-load" data-v-ac36e184></div></div><div class="component7" data-v-ac36e184><div class="con-img" data-v-ac36e184><i class="bx bx-video" data-v-ac36e184></i><img class="not-darken" src="/fei-ui-design/home/foto4.png" alt="" data-v-ac36e184><img class="has-darken" src="/fei-ui-design/home/foto11.png" alt="" data-v-ac36e184></div><header data-v-ac36e184><button icon dark shadow data-v-ac36e184><i class="bx bxs-heart" data-v-ac36e184></i></button><button dark shadow data-v-ac36e184><i class="bx bxs-chat" data-v-ac36e184></i> 12 </button></header><div class="content-text" data-v-ac36e184><h4 data-v-ac36e184>Get Started</h4><p data-v-ac36e184>FEI-UI-DESIGN is an open source framework and you can help even in simple details</p></div><footer data-v-ac36e184><div class="vs-input-parent vs-input-parent--state-null vs-component--primary" data-v-ac36e184><input placeholder="Comment" id="vs-input--415" class="vs-input" data-v-ac36e184></div><button class="vs-button vs-button--null vs-button--size-null vs-button--icon vs-button--primary vs-button--flat" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184><i class="bx bx-send" data-v-ac36e184></i></div></button></footer></div><div class="component8" data-v-ac36e184><div class="con-icon" data-v-ac36e184><i class="bx bxs-heart" data-v-ac36e184></i></div><div class="con-img" data-v-ac36e184><img class="not-darken" src="/fei-ui-design/home/foto2.jpg" alt="" data-v-ac36e184><img class="has-darken" src="/fei-ui-design/home/foto13.png" alt="" data-v-ac36e184><div class="play" data-v-ac36e184><i class="bx bxs-right-arrow" data-v-ac36e184></i></div></div><footer data-v-ac36e184><div data-v-ac36e184><h4 data-v-ac36e184>FEI-UI-DESIGN 4.0</h4><p data-v-ac36e184>Framework</p></div><div class="con-avatars" data-v-ac36e184><img src="/fei-ui-design/home/foto9.png" alt="" data-v-ac36e184><img src="/fei-ui-design/home/foto8.png" alt="" data-v-ac36e184><img src="/fei-ui-design/home/foto7.png" alt="" data-v-ac36e184></div></footer></div><div class="active component9" data-v-ac36e184><header data-v-ac36e184><input value="" placeholder="Select" readonly type="text" name="" id="select" data-v-ac36e184><i class="bx bx-chevron-down" data-v-ac36e184></i></header><ul class="active" data-v-ac36e184><li data-v-ac36e184>Bruno Hoffman</li><li data-v-ac36e184>Chad kerley</li><li data-v-ac36e184>Summer rose</li></ul></div><div class="component10" data-v-ac36e184><button class="vs-button vs-button--null vs-button--size-null vs-button--icon vs-button--danger vs-button--default" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184><i class="bx bx-play" data-v-ac36e184></i></div></button><button class="vs-button vs-button--null vs-button--size-null vs-button--icon vs-button--warn vs-button--default" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184><i class="bx bx-git-pull-request" data-v-ac36e184></i></div></button><button class="vs-button vs-button--null vs-button--size-null vs-button--icon vs-button--primary vs-button--default" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184><i class="bx bxl-github" data-v-ac36e184></i></div></button></div><div class="active component11" data-v-ac36e184><header data-v-ac36e184><input placeholder="Dropdown" readonly type="text" name="" id="" data-v-ac36e184><i class="bx bx-chevron-down" data-v-ac36e184></i></header><div class="liquid" data-v-ac36e184></div><ul class="active" data-v-ac36e184><li data-v-ac36e184>😉</li><li data-v-ac36e184>😺</li><li data-v-ac36e184>😽</li><li data-v-ac36e184>😎</li><li data-v-ac36e184>😂</li></ul></div><div class="component12" data-v-ac36e184><div class="vs-input-parent vs-input-parent--state-null vs-component--primary" placeholder="Search" data-v-ac36e184><div class="vs-input-content" data-v-ac36e184><input placeholder="" id="vs-input--424" class="vs-input" data-v-ac36e184><label for="vs-input--424" class="vs-input__label" data-v-ac36e184>Search</label><div class="vs-input__affects" data-v-ac36e184><div class="vs-input__affects__1" data-v-ac36e184></div><div class="vs-input__affects__2" data-v-ac36e184></div><div class="vs-input__affects__3" data-v-ac36e184></div><div class="vs-input__affects__4" data-v-ac36e184></div></div></div></div><button class="vs-button vs-button--null vs-button--size-null vs-button--icon vs-button--primary vs-button--default" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184><i class="bx bx-search" data-v-ac36e184></i></div></button></div><div class="component13" data-v-ac36e184><header data-v-ac36e184><input placeholder="location" type="text" name="" id="location" data-v-ac36e184><button data-v-ac36e184><i class="bx bx-chevron-right" data-v-ac36e184></i></button></header><ul data-v-ac36e184><li data-v-ac36e184><div class="vs-checkbox-content vs-component--primary" data-v-ac36e184><div class="vs-checkbox-con" data-v-ac36e184><input type="checkbox" id="435" class="vs-checkbox" data-v-ac36e184><div class="vs-checkbox-mask" data-v-ac36e184><i class="vs-icon-check" data-v-ac36e184><span data-v-ac36e184><div class="line1" data-v-ac36e184></div><div class="line2" data-v-ac36e184></div></span></i></div></div><label for="435" class="vs-checkbox-label" data-v-ac36e184>Spain</label></div></li><li data-v-ac36e184><div class="vs-checkbox-content vs-component--primary" data-v-ac36e184><div class="vs-checkbox-con" data-v-ac36e184><input type="checkbox" id="437" class="vs-checkbox" data-v-ac36e184><div class="vs-checkbox-mask" data-v-ac36e184><i class="vs-icon-check" data-v-ac36e184><span data-v-ac36e184><div class="line1" data-v-ac36e184></div><div class="line2" data-v-ac36e184></div></span></i></div></div><label for="437" class="vs-checkbox-label" data-v-ac36e184>Germany</label></div></li><li data-v-ac36e184><div class="vs-checkbox-content vs-component--primary" data-v-ac36e184><div class="vs-checkbox-con" data-v-ac36e184><input type="checkbox" id="439" class="vs-checkbox" data-v-ac36e184><div class="vs-checkbox-mask" data-v-ac36e184><i class="vs-icon-check" data-v-ac36e184><span data-v-ac36e184><div class="line1" data-v-ac36e184></div><div class="line2" data-v-ac36e184></div></span></i></div></div><label for="439" class="vs-checkbox-label" data-v-ac36e184>Italy</label></div></li><li data-v-ac36e184><div class="vs-checkbox-content vs-component--primary" data-v-ac36e184><div class="vs-checkbox-con" data-v-ac36e184><input type="checkbox" id="441" class="vs-checkbox" data-v-ac36e184><div class="vs-checkbox-mask" data-v-ac36e184><i class="vs-icon-check" data-v-ac36e184><span data-v-ac36e184><div class="line1" data-v-ac36e184></div><div class="line2" data-v-ac36e184></div></span></i></div></div><label for="441" class="vs-checkbox-label" data-v-ac36e184>Japan</label></div></li></ul><button class="vs-button vs-button--null vs-button--size-null vs-button--block vs-button--primary vs-button--default" data-v-ac36e184><div class="vs-button__content" data-v-ac36e184>Lets Go!</div></button></div></div></div></div></main><aside class="sidebar" data-v-818e4420><svg class="effect1" xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"><path id="Trazado_200" data-name="Trazado 200" d="M0-10,150,0l10,150S137.643,80.734,100.143,43.234,0-10,0-10Z" transform="translate(0 10)"></path></svg><div class="content-sidebar"><!--[--><!--]--><!----><!--[--><!--]--></div></aside><!----></div></div>
    <script>window.__VP_HASH_MAP__=JSON.parse("{\"components_breadcrumb.md\":\"Bg1uZ2l2\",\"components_card.md\":\"5vBOail9\",\"components_back-top.md\":\"NOXjEB41\",\"components_desc.md\":\"NNy8sdZB\",\"components_affix.md\":\"q2WWgWAm\",\"components_alert.md\":\"EzvdKauv\",\"components_empty.md\":\"Iqk9Sbur\",\"components_notice.md\":\"_NAs6-A7\",\"components_calendar.md\":\"JigwWurO\",\"components_message-box.md\":\"fCCAsymk\",\"components_rate.md\":\"9KkdoNnr\",\"components_loading-bar.md\":\"tkY5C0GZ\",\"components_divider.md\":\"IS1ZOnvq\",\"components_collapse.md\":\"0u5rpv51\",\"components_layout.md\":\"ODBV3zhY\",\"components_drawer.md\":\"CrRyiXyC\",\"components_anchor.md\":\"s14wXJS8\",\"components_scrollbar.md\":\"6vQ32Hdn\",\"components_popover.md\":\"wYQmpkgs\",\"components_message.md\":\"NO65C7hX\",\"components_circle.md\":\"ryx4IdBG\",\"components_popper.md\":\"5Fyiy38Q\",\"components_badge.md\":\"oO7JxteH\",\"components_page.md\":\"kNgnJY-a\",\"components_count-to.md\":\"eHOBDHvp\",\"guide_custom-theme.md\":\"n1FWcWco\",\"guide_common-directive.md\":\"nT9B4UFj\",\"components_slider.md\":\"DI2RI7Rr\",\"components_progress.md\":\"eFjRj96_\",\"components_checkbox.md\":\"7F5dha0P\",\"guide_changelog.md\":\"0yWmpxcB\",\"guide_jsx.md\":\"8hwr5r-5\",\"components_split.md\":\"wUEP-Ht5\",\"components_icon.md\":\"dZIqeyJA\",\"guide_common-transition.md\":\"MscjPGVR\",\"guide_installation.md\":\"j6S0f9nJ\",\"components_switch.md\":\"vcak84L_\",\"components_config-provider.md\":\"nBaHjQiX\",\"components_carousel.md\":\"NtUqJ85A\",\"components_select.md\":\"0rxZmlt4\",\"index.md\":\"soxSuBHK\",\"guide_introduction.md\":\"2mVny5Oj\",\"components_upload.md\":\"U3QoNCTf\",\"guide_usage-sfc.md\":\"rW-UMWov\",\"components_dropdown.md\":\"51EVo7GJ\",\"components_button.md\":\"rxuz04JE\",\"components_modal.md\":\"4bWdPtB_\",\"components_skeleton.md\":\"v-GES9KU\",\"guide_color-design.md\":\"cVmivjOg\",\"guide_import-on-demand.md\":\"t0iAz-CI\",\"components_loading.md\":\"DGAeDdDQ\",\"components_input-number.md\":\"2tw-2fEx\",\"components_timeline.md\":\"Py8dhkSr\",\"components_space.md\":\"qly7dGS4\",\"components_steps.md\":\"Nje8YnTW\",\"components_time-picker.md\":\"zWM_dqXm\",\"components_radio.md\":\"Nt3d-szh\",\"components_grid.md\":\"h2dg77Kz\",\"components_color-picker.md\":\"vP55BNVo\",\"components_tooltip.md\":\"y5xaDDhE\",\"components_menu.md\":\"7c_ihj_r\",\"components_tag.md\":\"U2sf24zV\",\"components_input.md\":\"dJc4_w-S\",\"components_tabs.md\":\"aWS6wiSt\",\"components_date-picker.md\":\"9ogHh5Jw\",\"guide_common-css.md\":\"uhWWbi3e\",\"components_cascader.md\":\"Qiv-ax3R\",\"components_form.md\":\"oq_ykolk\",\"guide_common-api.md\":\"ctudm0v6\",\"components_tree.md\":\"LtXYhey_\",\"components_table.md\":\"ZqShECt8\"}");window.__VP_SITE_DATA__=JSON.parse("{\"lang\":\"zh-CN\",\"dir\":\"ltr\",\"title\":\"FEI-UI-DESIGN\",\"description\":\"A VitePress site\",\"base\":\"/fei-ui-design/\",\"head\":[],\"router\":{\"prefetchLinks\":true},\"appearance\":true,\"themeConfig\":{\"socialLinks\":[{\"icon\":\"github\",\"link\":\"https://github.com/gumingWu/vitepress-fun\"}],\"repo\":\"ymf-930/fei-ui-design\",\"docsDir\":\"/docs\",\"nav\":[{\"text\":\"首页\",\"link\":\"/\"},{\"text\":\"文档\",\"link\":\"/fei-ui-design/guide/introduction\"},{\"text\":\"组件\",\"link\":\"/fei-ui-design/components/button\"}],\"locales\":{\"/\":{\"nav\":[{\"text\":\"Home\",\"link\":\"/fei-ui-design/\"},{\"text\":\"Document\",\"link\":\"/fei-ui-design//guide/\",\"items\":[{\"text\":\"Introduction\",\"link\":\"/fei-ui-design//guide/\"},{\"text\":\"Getting Started\",\"link\":\"/fei-ui-design//guide/gettingStarted\"}]},{\"text\":\"Components\",\"link\":\"/fei-ui-design//components\",\"items\":[{\"text\":\"Components\",\"items\":[{\"text\":\"Button\",\"link\":\"/fei-ui-design//components/\"},{\"text\":\"Alert\",\"link\":\"/fei-ui-design//components/Alert\"},{\"text\":\"Loading\",\"link\":\"/fei-ui-design//components/Loading\"},{\"text\":\"Input\",\"link\":\"/fei-ui-design//components/Input\"},{\"text\":\"Checkbox\",\"link\":\"/fei-ui-design//components/Checkbox\"},{\"text\":\"Switch\",\"link\":\"/fei-ui-design//components/Switch\"},{\"text\":\"Select\",\"link\":\"/fei-ui-design//components/Select\"},{\"text\":\"Avatar\",\"link\":\"/fei-ui-design//components/Avatar\"},{\"text\":\"Notification\",\"link\":\"/fei-ui-design//components/Notification\"},{\"text\":\"Radio\",\"link\":\"/fei-ui-design//components/Radio\"},{\"text\":\"Tooltip\",\"link\":\"/fei-ui-design//components/Tooltip\"},{\"text\":\"Dialog\",\"link\":\"/fei-ui-design//components/Dialog\"},{\"text\":\"Pagination\",\"link\":\"/fei-ui-design//components/Pagination\"},{\"text\":\"Table\",\"link\":\"/fei-ui-design//components/Table\"},{\"text\":\"Navbar\",\"link\":\"/fei-ui-design//components/Navbar\"},{\"text\":\"Sidebar\",\"link\":\"/fei-ui-design//components/Sidebar\"},{\"text\":\"Card\",\"link\":\"/fei-ui-design//components/Card\"}]}]}],\"sidebar\":{\"/\":[{\"title\":\"介绍\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"Fei UI Design\",\"link\":\"/fei-ui-design/guide/introduction\"},{\"title\":\"变更日志\",\"link\":\"/fei-ui-design/guide/changelog\"}]},{\"title\":\"快速上手\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"安装\",\"link\":\"/fei-ui-design/guide/installation\"},{\"title\":\"在 SFC 中使用\",\"link\":\"/fei-ui-design/guide/usage-sfc\"},{\"title\":\"按需引入\",\"link\":\"/fei-ui-design/guide/import-on-demand\"}]},{\"title\":\"指南\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"JSX & TSX\",\"link\":\"/fei-ui-design/guide/jsx\"},{\"title\":\"色彩设计\",\"link\":\"/fei-ui-design/guide/color-design\"},{\"title\":\"调整主题\",\"link\":\"/fei-ui-design/guide/custom-theme\"},{\"title\":\"通用样式\",\"link\":\"/fei-ui-design/guide/common-css\"},{\"title\":\"帮助函数\",\"link\":\"/fei-ui-design/guide/common-api\"},{\"title\":\"组件指令\",\"link\":\"/fei-ui-design/guide/common-directive\"},{\"title\":\"内置动画\",\"link\":\"/fei-ui-design/guide/common-transition\"}]},{\"title\":\"通用组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"图标\",\"link\":\"/fei-ui-design/components/icon\",\"icon\":\"fire\",\"alias\":\"Icon\"},{\"title\":\"按钮\",\"link\":\"/fei-ui-design/components/button\",\"icon\":\"Youtube\",\"alias\":\"Button\"},{\"title\":\"卡片\",\"link\":\"/fei-ui-design/components/card\",\"icon\":\"creditcard\",\"alias\":\"Card\"},{\"title\":\"折叠面板\",\"link\":\"/fei-ui-design/components/collapse\",\"icon\":\"interation\",\"alias\":\"Collapse\"},{\"title\":\"分割线\",\"link\":\"/fei-ui-design/components/divider\",\"icon\":\"line\",\"alias\":\"Divider\"},{\"title\":\"下拉菜单\",\"link\":\"/fei-ui-design/components/dropdown\",\"icon\":\"caret-down\",\"alias\":\"Dropdown\"},{\"title\":\"标签\",\"link\":\"/fei-ui-design/components/tag\",\"icon\":\"tags\",\"alias\":\"Tag\"}]},{\"title\":\"布局组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"布局\",\"link\":\"/fei-ui-design/components/layout\",\"icon\":\"layout\",\"alias\":\"Layout\"},{\"title\":\"栅格\",\"link\":\"/fei-ui-design/components/grid\",\"icon\":\"appstore\",\"alias\":\"Grid\"},{\"title\":\"间距\",\"link\":\"/fei-ui-design/components/space\",\"icon\":\"swap\",\"alias\":\"Space\"},{\"title\":\"分割面板\",\"link\":\"/fei-ui-design/components/split\",\"icon\":\"block\",\"alias\":\"Split\"}]},{\"title\":\"数据录入组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"输入框\",\"link\":\"/fei-ui-design/components/input\",\"icon\":\"edit-square\",\"alias\":\"Input\"},{\"title\":\"数字输入\",\"link\":\"/fei-ui-design/components/input-number\",\"icon\":\"shake\",\"alias\":\"InputNumber\"},{\"title\":\"单选框\",\"link\":\"/fei-ui-design/components/radio\",\"icon\":\"plus-circle\",\"alias\":\"Radio\"},{\"title\":\"多选框\",\"link\":\"/fei-ui-design/components/checkbox\",\"icon\":\"check-square\",\"alias\":\"Checkbox\"},{\"title\":\"开关\",\"link\":\"/fei-ui-design/components/switch\",\"icon\":\"build\",\"alias\":\"Switch\"},{\"title\":\"选择器\",\"link\":\"/fei-ui-design/components/select\",\"icon\":\"unorderedlist\",\"alias\":\"Select\"},{\"title\":\"级联选择\",\"link\":\"/fei-ui-design/components/cascader\",\"icon\":\"pic-left\",\"alias\":\"Cascader\"},{\"title\":\"日期选择器\",\"link\":\"/fei-ui-design/components/date-picker\",\"icon\":\"calendar\",\"alias\":\"DatePicker\"},{\"title\":\"时间选择器\",\"link\":\"/fei-ui-design/components/time-picker\",\"icon\":\"time-circle\",\"alias\":\"TimePicker\"},{\"title\":\"颜色选择器\",\"link\":\"/fei-ui-design/components/color-picker\",\"icon\":\"bg-colors\",\"alias\":\"ColorPicker\"},{\"title\":\"评分\",\"link\":\"/fei-ui-design/components/rate\",\"icon\":\"star\",\"alias\":\"Rate\"},{\"title\":\"滑块\",\"link\":\"/fei-ui-design/components/slider\",\"icon\":\"minus\",\"alias\":\"Slider\"},{\"title\":\"上传\",\"link\":\"/fei-ui-design/components/upload\",\"icon\":\"cloud-upload\",\"alias\":\"Upload\"},{\"title\":\"表单\",\"link\":\"/fei-ui-design/components/form\",\"icon\":\"reconciliation\",\"alias\":\"Form\"}]},{\"title\":\"数据展示组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"树结构\",\"link\":\"/fei-ui-design/components/tree\",\"icon\":\"branches\",\"alias\":\"Tree\"},{\"title\":\"表格\",\"link\":\"/fei-ui-design/components/table\",\"icon\":\"table\",\"alias\":\"Table\"},{\"title\":\"分页\",\"link\":\"/fei-ui-design/components/page\",\"icon\":\"read\",\"alias\":\"Page\"},{\"title\":\"描述\",\"link\":\"/fei-ui-design/components/desc\",\"icon\":\"unorderedlist\",\"alias\":\"Desc\"},{\"title\":\"时间线\",\"link\":\"/fei-ui-design/components/timeline\",\"icon\":\"arrowdown\",\"alias\":\"Timeline\"},{\"title\":\"日历\",\"link\":\"/fei-ui-design/components/calendar\",\"icon\":\"calendar-fill\",\"alias\":\"Calendar\"},{\"title\":\"轮播\",\"link\":\"/fei-ui-design/components/carousel\",\"icon\":\"appstore-fill\",\"alias\":\"Carousel\"},{\"title\":\"数字动画\",\"link\":\"/fei-ui-design/components/count-to\",\"icon\":\"orderedlist\",\"alias\":\"CountTo\"}]},{\"title\":\"导航组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"图钉\",\"link\":\"/fei-ui-design/components/affix\",\"icon\":\"pushpin\",\"alias\":\"Affix\"},{\"title\":\"锚点\",\"link\":\"/fei-ui-design/components/anchor\",\"icon\":\"attachment\",\"alias\":\"Anchor\"},{\"title\":\"返回顶部\",\"link\":\"/fei-ui-design/components/back-top\",\"icon\":\"up\",\"alias\":\"BackTop\"},{\"title\":\"面包屑\",\"link\":\"/fei-ui-design/components/breadcrumb\",\"icon\":\"right\",\"alias\":\"Breadcrumb\"},{\"title\":\"加载条\",\"link\":\"/fei-ui-design/components/loading-bar\",\"icon\":\"minus\",\"alias\":\"Loading Bar\"},{\"title\":\"菜单\",\"link\":\"/fei-ui-design/components/menu\",\"icon\":\"menu\",\"alias\":\"Menu\"},{\"title\":\"标签页\",\"link\":\"/fei-ui-design/components/tabs\",\"icon\":\"project\",\"alias\":\"Tabs\"},{\"title\":\"步骤\",\"link\":\"/fei-ui-design/components/steps\",\"icon\":\"arrowright\",\"alias\":\"Steps\"}]},{\"title\":\"反馈组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"警告信息\",\"link\":\"/fei-ui-design/components/alert\",\"icon\":\"error-fill\",\"alias\":\"Alert\"},{\"title\":\"标记\",\"link\":\"/fei-ui-design/components/badge\",\"icon\":\"border\",\"alias\":\"Badge\"},{\"title\":\"模态框\",\"link\":\"/fei-ui-design/components/modal\",\"icon\":\"idcard\",\"alias\":\"Modal\"},{\"title\":\"消息提示\",\"link\":\"/fei-ui-design/components/message\",\"icon\":\"message\",\"alias\":\"Message\"},{\"title\":\"弹框提示\",\"link\":\"/fei-ui-design/components/message-box\",\"icon\":\"mail\",\"alias\":\"MessageBox\"},{\"title\":\"通知\",\"link\":\"/fei-ui-design/components/notice\",\"icon\":\"notification\",\"alias\":\"Notice\"},{\"title\":\"弹出提示\",\"link\":\"/fei-ui-design/components/tooltip\",\"icon\":\"info-circle\",\"alias\":\"Tooltip\"},{\"title\":\"弹出信息\",\"link\":\"/fei-ui-design/components/popover\",\"icon\":\"question-circle\",\"alias\":\"Popover\"},{\"title\":\"抽屉\",\"link\":\"/fei-ui-design/components/drawer\",\"icon\":\"build\",\"alias\":\"Drawer\"},{\"title\":\"骨架屏\",\"link\":\"/fei-ui-design/components/skeleton\",\"icon\":\"sever-fill\",\"alias\":\"Skeleton\"},{\"title\":\"加载\",\"link\":\"/fei-ui-design/components/loading\",\"icon\":\"loading\",\"alias\":\"Loading\"},{\"title\":\"进度条\",\"link\":\"/fei-ui-design/components/progress\",\"icon\":\"hourglass\",\"alias\":\"Progress\"},{\"title\":\"进度环\",\"link\":\"/fei-ui-design/components/circle\",\"icon\":\"redo\",\"alias\":\"Circle\"}]},{\"title\":\"内置组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"空状态\",\"link\":\"/fei-ui-design/components/empty\",\"icon\":\"border\",\"alias\":\"Empty\"},{\"title\":\"滚动组件\",\"link\":\"/fei-ui-design/components/scrollbar\",\"icon\":\"container\",\"alias\":\"Scrollbar\"},{\"title\":\"弹层\",\"link\":\"/fei-ui-design/components/popper\",\"icon\":\"pic-center\",\"alias\":\"Popper\"}]},{\"title\":\"配置组件\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"全局配置\",\"link\":\"/components/config-provider\",\"icon\":\"setting\",\"alias\":\"ConfigProvider\"}]}]}},\"/es/\":{\"nav\":[{\"text\":\"首页\",\"link\":\"/fei-ui-design/\"},{\"text\":\"文档\",\"link\":\"/fei-ui-design//guide/\",\"items\":[{\"text\":\"介绍\",\"link\":\"/fei-ui-design//guide/\"},{\"text\":\"快速开始\",\"link\":\"/fei-ui-design//guide/gettingStarted\"}]},{\"text\":\"组件\",\"link\":\"/fei-ui-design//components\",\"items\":[{\"text\":\"组件\",\"items\":[{\"text\":\"Button\",\"link\":\"/fei-ui-design//components/\"},{\"text\":\"Alert\",\"link\":\"/fei-ui-design//components/Alert\"},{\"text\":\"Loading\",\"link\":\"/fei-ui-design//components/Loading\"},{\"text\":\"Input\",\"link\":\"/fei-ui-design//components/Input\"},{\"text\":\"Checkbox\",\"link\":\"/fei-ui-design//components/Checkbox\"},{\"text\":\"Switch\",\"link\":\"/fei-ui-design//components/Switch\"},{\"text\":\"Select\",\"link\":\"/fei-ui-design//components/Select\"},{\"text\":\"Avatar\",\"link\":\"/fei-ui-design//components/Avatar\"},{\"text\":\"Notification\",\"link\":\"/fei-ui-design//components/Notification\"},{\"text\":\"Radio\",\"link\":\"/fei-ui-design//components/Radio\"},{\"text\":\"Tooltip\",\"link\":\"/fei-ui-design//components/Tooltip\"},{\"text\":\"Dialog\",\"link\":\"/fei-ui-design//components/Dialog\"},{\"text\":\"Pagination\",\"link\":\"/fei-ui-design//components/Pagination\"},{\"text\":\"Table\",\"link\":\"/fei-ui-design//components/Table\"},{\"text\":\"Navbar\",\"link\":\"/fei-ui-design//components/Navbar\"},{\"text\":\"Sidebar\",\"link\":\"/fei-ui-design//components/Sidebar\"},{\"text\":\"Card\",\"link\":\"/fei-ui-design//components/Card\"}]}]}],\"sidebar\":{\"/es/\":[{\"title\":\"Introduce\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"Fei UI Design\",\"link\":\"/fei-ui-design/guide/introduction\"},{\"title\":\"变更日志\",\"link\":\"/fei-ui-design/guide/changelog\"}]},{\"title\":\"Get Started\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"安装\",\"link\":\"/fei-ui-design/guide/installation\"},{\"title\":\"在 SFC 中使用\",\"link\":\"/fei-ui-design/guide/usage-sfc\"},{\"title\":\"按需引入\",\"link\":\"/fei-ui-design/guide/import-on-demand\"}]},{\"title\":\"Guide\",\"collapsable\":false,\"navType\":\"guide\",\"children\":[{\"title\":\"JSX & TSX\",\"link\":\"/fei-ui-design/guide/jsx\"},{\"title\":\"色彩设计\",\"link\":\"/fei-ui-design/guide/color-design\"},{\"title\":\"调整主题\",\"link\":\"/fei-ui-design/guide/custom-theme\"},{\"title\":\"通用样式\",\"link\":\"/fei-ui-design/guide/common-css\"},{\"title\":\"帮助函数\",\"link\":\"/fei-ui-design/guide/common-api\"},{\"title\":\"组件指令\",\"link\":\"/fei-ui-design/guide/common-directive\"},{\"title\":\"内置动画\",\"link\":\"/fei-ui-design/guide/common-transition\"}]},{\"title\":\"Common Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"图标\",\"link\":\"/fei-ui-design/components/icon\",\"icon\":\"fire\",\"alias\":\"Icon\"},{\"title\":\"按钮\",\"link\":\"/fei-ui-design/components/button\",\"icon\":\"Youtube\",\"alias\":\"Button\"},{\"title\":\"卡片\",\"link\":\"/fei-ui-design/components/card\",\"icon\":\"creditcard\",\"alias\":\"Card\"},{\"title\":\"折叠面板\",\"link\":\"/fei-ui-design/components/collapse\",\"icon\":\"interation\",\"alias\":\"Collapse\"},{\"title\":\"分割线\",\"link\":\"/fei-ui-design/components/divider\",\"icon\":\"line\",\"alias\":\"Divider\"},{\"title\":\"下拉菜单\",\"link\":\"/fei-ui-design/components/dropdown\",\"icon\":\"caret-down\",\"alias\":\"Dropdown\"},{\"title\":\"标签\",\"link\":\"/fei-ui-design/components/tag\",\"icon\":\"tags\",\"alias\":\"Tag\"}]},{\"title\":\"Layout Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"布局\",\"link\":\"/fei-ui-design/components/layout\",\"icon\":\"layout\",\"alias\":\"Layout\"},{\"title\":\"栅格\",\"link\":\"/fei-ui-design/components/grid\",\"icon\":\"appstore\",\"alias\":\"Grid\"},{\"title\":\"间距\",\"link\":\"/fei-ui-design/components/space\",\"icon\":\"swap\",\"alias\":\"Space\"},{\"title\":\"分割面板\",\"link\":\"/fei-ui-design/components/split\",\"icon\":\"block\",\"alias\":\"Split\"}]},{\"title\":\"Data entry component\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"输入框\",\"link\":\"/fei-ui-design/components/input\",\"icon\":\"edit-square\",\"alias\":\"Input\"},{\"title\":\"数字输入\",\"link\":\"/fei-ui-design/components/input-number\",\"icon\":\"shake\",\"alias\":\"InputNumber\"},{\"title\":\"单选框\",\"link\":\"/fei-ui-design/components/radio\",\"icon\":\"plus-circle\",\"alias\":\"Radio\"},{\"title\":\"多选框\",\"link\":\"/fei-ui-design/components/checkbox\",\"icon\":\"check-square\",\"alias\":\"Checkbox\"},{\"title\":\"开关\",\"link\":\"/fei-ui-design/components/switch\",\"icon\":\"build\",\"alias\":\"Switch\"},{\"title\":\"选择器\",\"link\":\"/fei-ui-design/components/select\",\"icon\":\"unorderedlist\",\"alias\":\"Select\"},{\"title\":\"级联选择\",\"link\":\"/fei-ui-design/components/cascader\",\"icon\":\"pic-left\",\"alias\":\"Cascader\"},{\"title\":\"日期选择器\",\"link\":\"/fei-ui-design/components/date-picker\",\"icon\":\"calendar\",\"alias\":\"DatePicker\"},{\"title\":\"时间选择器\",\"link\":\"/fei-ui-design/components/time-picker\",\"icon\":\"time-circle\",\"alias\":\"TimePicker\"},{\"title\":\"颜色选择器\",\"link\":\"/fei-ui-design/components/color-picker\",\"icon\":\"bg-colors\",\"alias\":\"ColorPicker\"},{\"title\":\"评分\",\"link\":\"/fei-ui-design/components/rate\",\"icon\":\"star\",\"alias\":\"Rate\"},{\"title\":\"滑块\",\"link\":\"/fei-ui-design/components/slider\",\"icon\":\"minus\",\"alias\":\"Slider\"},{\"title\":\"上传\",\"link\":\"/fei-ui-design/components/upload\",\"icon\":\"cloud-upload\",\"alias\":\"Upload\"},{\"title\":\"表单\",\"link\":\"/fei-ui-design/components/form\",\"icon\":\"reconciliation\",\"alias\":\"Form\"}]},{\"title\":\"Data display Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"树结构\",\"link\":\"/fei-ui-design/components/tree\",\"icon\":\"branches\",\"alias\":\"Tree\"},{\"title\":\"表格\",\"link\":\"/fei-ui-design/components/table\",\"icon\":\"table\",\"alias\":\"Table\"},{\"title\":\"分页\",\"link\":\"/fei-ui-design/components/page\",\"icon\":\"read\",\"alias\":\"Page\"},{\"title\":\"描述\",\"link\":\"/fei-ui-design/components/desc\",\"icon\":\"unorderedlist\",\"alias\":\"Desc\"},{\"title\":\"时间线\",\"link\":\"/fei-ui-design/components/timeline\",\"icon\":\"arrowdown\",\"alias\":\"Timeline\"},{\"title\":\"日历\",\"link\":\"/fei-ui-design/components/calendar\",\"icon\":\"calendar-fill\",\"alias\":\"Calendar\"},{\"title\":\"轮播\",\"link\":\"/fei-ui-design/components/carousel\",\"icon\":\"appstore-fill\",\"alias\":\"Carousel\"},{\"title\":\"数字动画\",\"link\":\"/fei-ui-design/components/count-to\",\"icon\":\"orderedlist\",\"alias\":\"CountTo\"}]},{\"title\":\"Navigation Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"图钉\",\"link\":\"/fei-ui-design/components/affix\",\"icon\":\"pushpin\",\"alias\":\"Affix\"},{\"title\":\"锚点\",\"link\":\"/fei-ui-design/components/anchor\",\"icon\":\"attachment\",\"alias\":\"Anchor\"},{\"title\":\"返回顶部\",\"link\":\"/fei-ui-design/components/back-top\",\"icon\":\"up\",\"alias\":\"BackTop\"},{\"title\":\"面包屑\",\"link\":\"/fei-ui-design/components/breadcrumb\",\"icon\":\"right\",\"alias\":\"Breadcrumb\"},{\"title\":\"加载条\",\"link\":\"/fei-ui-design/components/loading-bar\",\"icon\":\"minus\",\"alias\":\"Loading Bar\"},{\"title\":\"菜单\",\"link\":\"/fei-ui-design/components/menu\",\"icon\":\"menu\",\"alias\":\"Menu\"},{\"title\":\"标签页\",\"link\":\"/fei-ui-design/components/tabs\",\"icon\":\"project\",\"alias\":\"Tabs\"},{\"title\":\"步骤\",\"link\":\"/fei-ui-design/components/steps\",\"icon\":\"arrowright\",\"alias\":\"Steps\"}]},{\"title\":\"Feedback Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"警告信息\",\"link\":\"/fei-ui-design/components/alert\",\"icon\":\"error-fill\",\"alias\":\"Alert\"},{\"title\":\"标记\",\"link\":\"/fei-ui-design/components/badge\",\"icon\":\"border\",\"alias\":\"Badge\"},{\"title\":\"模态框\",\"link\":\"/fei-ui-design/components/modal\",\"icon\":\"idcard\",\"alias\":\"Modal\"},{\"title\":\"消息提示\",\"link\":\"/fei-ui-design/components/message\",\"icon\":\"message\",\"alias\":\"Message\"},{\"title\":\"弹框提示\",\"link\":\"/fei-ui-design/components/message-box\",\"icon\":\"mail\",\"alias\":\"MessageBox\"},{\"title\":\"通知\",\"link\":\"/fei-ui-design/components/notice\",\"icon\":\"notification\",\"alias\":\"Notice\"},{\"title\":\"弹出提示\",\"link\":\"/fei-ui-design/components/tooltip\",\"icon\":\"info-circle\",\"alias\":\"Tooltip\"},{\"title\":\"弹出信息\",\"link\":\"/fei-ui-design/components/popover\",\"icon\":\"question-circle\",\"alias\":\"Popover\"},{\"title\":\"抽屉\",\"link\":\"/fei-ui-design/components/drawer\",\"icon\":\"build\",\"alias\":\"Drawer\"},{\"title\":\"骨架屏\",\"link\":\"/fei-ui-design/components/skeleton\",\"icon\":\"sever-fill\",\"alias\":\"Skeleton\"},{\"title\":\"加载\",\"link\":\"/fei-ui-design/components/loading\",\"icon\":\"loading\",\"alias\":\"Loading\"},{\"title\":\"进度条\",\"link\":\"/fei-ui-design/components/progress\",\"icon\":\"hourglass\",\"alias\":\"Progress\"},{\"title\":\"进度环\",\"link\":\"/fei-ui-design/components/circle\",\"icon\":\"redo\",\"alias\":\"Circle\"}]},{\"title\":\"Built-in Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"空状态\",\"link\":\"/fei-ui-design/components/empty\",\"icon\":\"border\",\"alias\":\"Empty\"},{\"title\":\"滚动组件\",\"link\":\"/fei-ui-design/components/scrollbar\",\"icon\":\"container\",\"alias\":\"Scrollbar\"},{\"title\":\"弹层\",\"link\":\"/fei-ui-design/components/popper\",\"icon\":\"pic-center\",\"alias\":\"Popper\"}]},{\"title\":\"Configure Components\",\"collapsable\":false,\"navType\":\"components\",\"children\":[{\"title\":\"全局配置\",\"link\":\"/es/components/config-provider\",\"icon\":\"setting\",\"alias\":\"ConfigProvider\"}]}]}}},\"lastUpdated\":true,\"lastUpdatedText\":\"最后更新\",\"linkPrevVersion\":\"https://lusaxweb.github.io/vuesax/\",\"searchPlaceholder\":\"Search\"},\"locales\":{\"/\":{\"lang\":\"zh-CN\",\"text\":\"中文\"},\"/es/\":{\"lang\":\"en-US\",\"text\":\"English\"}},\"scrollOffset\":134,\"cleanUrls\":false}");</script>
    
  </body>
</html>